import styled from 'styled-components';
import bgBorrowCount from '@/assets/jhdata/pieBg.svg';

export const EdrmsTypePieStyle = styled.div`
  @keyframes rotateBackground {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }
  .box {
    position: relative;
    width: 100%;
    height: 100%;
    .edrmstype-pie {
      width: 100%;
      height: 180%;
    }
  }
  .edrmsTypePie {
    background-image: url(${bgBorrowCount});
    background-position: center;
    background-size: 80%;
    background-repeat: no-repeat;
    animation: rotateBackground 10s linear infinite;
    position: absolute;
    top: -1%;
    left: 0;
  }
  width: 12vw;
  height: 12vw;
`;
